<template>
	<view class="gridbox">
		<u-grid :border="true" @click="click">
			<u-grid-item v-for="(baseListItem, baseListIndex) in baseList" :key="baseListIndex">
				<u-icon :customStyle="{ paddingTop: 20 + 'rpx' }" :name="baseListItem.name" :size="22"></u-icon>
				<text class="grid-text">{{ baseListItem.title }}</text>
			</u-grid-item>
		</u-grid>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
export default {
	name: 'griditem',
	data() {
		return {};
	}
};
</script>

<style></style>
